<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width" />
  <title>新闻资讯-日本海外仓-日本FBA-一件代发-FBA头程</title>
  <meta name="keywords" content="日本海外仓,日本FBA,日本头程,日本一件代发,日本fba派送,FBA转运,日本FBA清关,FBA头程" />
  <meta name="description"
    content="筋斗云物流（苏州）有限公司创立于2018年,是由日本筋斗云株式会社投资创办,致力于科技物流,日本海外仓,日本FBA清关,FBA头程,日亚FBA,日本海外仓储及配送为一体的智能物流研究,筋斗云结合问题与实际大数据进行分析,建立双库模式,优化跨境路线,提供日本海外仓储及配送为一体的服务" />
  <link rel="icon" href="https://image.cloudkinto.com/webhome/logo.ico" />
  <link rel="stylesheet" href="./css/header.css" />
  <link rel="stylesheet" href="./css/footer.css" />
  <link rel="stylesheet" href="./css/swiper.min.css" />

  <style>
    body,
    p,
    h5 {
      margin: 0;
      padding: 0;
    }

    /* xl */
    .swipercontents {
      display: block;
      text-decoration: none;
      background: #ffffff;
      box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.16);
      border-radius: 20px;
    }

    .swiperfont1 {
      /* margin: 0; */
      margin: 8px;
      height: 44px;
      margin-left: 16px;
      font-size: 17px;
      text-align: left;
      font-family: Source Han Sans CN-Medium, Source Han Sans CN;
      font-weight: 500;
      color: #333333;
      overflow: hidden;
      text-overflow: ellipsis;
      /* line-height: 31px; */
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .swiperfont2 {
      /* margin: 0; */
      margin: 0 16px;
      height: 36px;
      font-size: 12px;
      text-align: left;
      line-height: 18px;
      font-family: Source Han Sans CN-Regular, Source Han Sans CN;
      font-weight: 400;
      color: #666666;
      overflow: hidden;
      text-overflow: ellipsis;
      /* line-height: 31px; */
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .swiperfont3 {
      position: relative;
      margin: 8px 16px 15px 16px;
      font-size: 12px;
      text-align: left;
      font-family: Source Han Sans CN-Regular, Source Han Sans CN;
      font-weight: 400;
      color: #999999;
    }

    .swiperfont3::after {
      position: absolute;
      top: 4px;
      right: 0;
      content: "";
      width: 14px;
      height: 10px;
      background: url('https://image.cloudkinto.com/webhome/contenticon.png') no-repeat center;
    }

    .right1 {
      font-size: 20px;
      margin: 8px;
      margin-left: 15px;
      font-family: Source Han Sans CN-Medium, Source Han Sans CN;
      font-weight: 500;
      color: #333333;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
    }

    .right2 {
      margin: 8px;
      margin-left: 15px;
      font-size: 15px;
      font-family: Source Han Sans CN-Regular, Source Han Sans CN;
      font-weight: 400;
      color: #666666;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 31px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .right3 {
      position: relative;
      margin-left: 15px;
      font-size: 14px;
      font-family: Source Han Sans CN-Regular, Source Han Sans CN;
      font-weight: 400;
      color: #999999;
    }

    .right3::after {
      position: absolute;
      top: 3px;
      right: 18px;
      content: "";
      width: 20px;
      height: 15px;
      background: url("https://image.cloudkinto.com/webhome/righticon.png") no-repeat center;
    }

    .moreright {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .morerightcontent {
      display: block;
      text-decoration: none;
      background: #ffffff;
      box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.16);
      border-radius: 20px 20px 20px 20px;
      /* height: 650px; */
      height: 150px;
      box-sizing: border-box;
      width: 512px;
    }

    .moreleftbottom {
      padding: 0 28px 0 22px;
      box-sizing: border-box;
    }

    .morecontent {
      width: 1200px;
      height: 500px;
      display: flex;
      justify-content: space-between;
    }

    .morelefttop {
      height: 339px;
      width: 651px;
    }

    .morefont {
      margin: 14px 0;
      font-size: 22px;
      margin-bottom: 8px;
      font-family: Source Han Sans CN-Medium, Source Han Sans CN;
      font-weight: 500;
      color: #333333;
    }

    .morefont2 {
      font-size: 16px;
      font-family: Source Han Sans CN-Regular, Source Han Sans CN;
      font-weight: 400;
      color: #666666;
      margin-top: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 31px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }

    .morefont3 {
      margin: 18px 0 15px 0;
      font-size: 14px;
      font-family: Source Han Sans CN-Regular, Source Han Sans CN;
      font-weight: 400;
      color: #999999;
    }

    .moreleft {
      /* padding: 0 28px 0 22px; */
      display: block;
      text-decoration: none;
      box-sizing: border-box;
      background: #ffffff;
      box-shadow: 0px 1px 6px 1px rgb(0 0 0 / 16%);
      border-radius: 20px 20px 20px 20px;
      width: 650px;
    }

    .lunboheng2 {
      position: absolute;
      top: 0;
      right: -60px;
      width: 2px;
      /* margin-left: 55px; */
      margin-top: 53px;
      height: 330px;
      background: #999999;
    }

    .lunbocontent {
      position: relative;
      display: flex;
      /* width: 390px; */
      height: 100%;
      height: 100%;
      /* background-color: #00609e; */
    }

    .lunbotitle {
      margin-top: 40px;
      margin-bottom: 18px;
      font-size: 20px;
      font-family: Source Han Sans CN-Bold, Source Han Sans CN;
      font-weight: bold;
      color: #333333;
    }

    .lunboheng {
      width: 38px;
      height: 6px;
      background: #333333;
    }

    .lunbotext {
      margin-top: 19px;
      font-size: 14px;
      line-height: 30px;
      font-family: Source Han Sans CN-Medium, Source Han Sans CN;
      font-weight: 500;
      color: #666666;
    }

    .showeds .swiper-pagination-bullet-active {
      background-color: #0075c2;
    }

    .showeds .swiper-pagination-bullet {
      height: 15px;
      width: 15px;
      margin-right: 10px;
    }

    .showeds {
      position: relative;
      width: 1200px;
      height: 490px;
      background: #ffffff;
      box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.2);
      overflow: hidden;
    }

    .showeds .swiper {
      width: 100%;
      height: 100%;
    }

    .showeds .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

    .showeds.swiper-slide img {
      border-radius: 20px 20px 0 0;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .jdyjzgimg .swiper-pagination-bullet-active {
      background-color: #0075c2;
    }

    .jdyjzgimg .swiper-pagination-bullet {
      height: 15px;
      width: 15px;
      margin-right: 10px;
    }

    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .bottomsssa {
      padding: 15px 0 !important;
      background: #323337 !important;
      opacity: 1;
      border: 1px solid #707070 !important;
    }

    .bottomsssa a {
      font-family: Microsoft YaHei-Regular, Microsoft YaHei;
      font-weight: 400;
      font-size: 12px;
      text-decoration: none;
      color: #656363;
    }

    .imgtxt2 {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .more {
      width: 1200px;
      margin-bottom: 22px;
      display: flex;
      justify-content: end;
    }

    .more a {
      text-decoration: none;
      font-family: Source Han Sans CN-Medium, Source Han Sans CN;
      font-weight: 500;
      color: #0075c2;
      font-size: 16px;
    }

    .imgtextx {
      font-size: 38px;
      text-align: center;
      font-family: Source Han Sans CN-Bold, Source Han Sans CN;
      font-weight: 500;
      color: #333333;
      margin: 75px 0 50px 0;
    }

    .titlex {
      height: 600px;
      padding-top: 68px
    }

    .titlex img {
      width: 100%;
    }

    /* xl */
    @media screen and (min-width: 1px) and (max-width: 401px) {
      html {
        width: 400%;
      }
    }

    @media screen and (min-width: 401px) and (max-width: 626px) {
      html {
        width: 326%;
      }
    }

    @media screen and (min-width: 626px) and (max-width: 1029px) {
      html {
        width: 225%;
      }
    }

    @media screen and (min-width: 1030px) {
      html {
        width: 100%;
      }
    }

    .blueCle:before {
      content: "";
      display: inline-block;
      width: 10px;
      height: 10px;
      margin-right: 10px;
      background: #007aff;
      border-radius: 50%;
    }

    .Introduction {
      overflow: hidden;
    }

    .header {
      height: 69px;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
    }

    .header .nav {
      position: fixed;
      top: 0;
      z-index: 99;
      display: flex;
      height: 69px;
      width: 100%;
      background-color: #fff;
    }

    .header .nav .jindouyun {
      width: 393px;
      height: 69px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }

    .header .nav .jindouyun img {
      width: 151px;
      height: 33px;
    }

    .header .nav .navtext {
      margin-left: 192px;
      width: 644px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      height: 69px;
    }

    .header .nav .navtext div {
      font-size: 18px;
      color: #414141;
      width: 20%;
    }

    .header .nav .navtext div:hover {
      color: #00609e;
      cursor: pointer;
    }

    .header .nav .navtext .lastdiv {
      text-align: right;
    }

    .header .nav .btn {
      display: flex;
      margin-left: 53px;
      width: 160px;
      height: 69px;
      text-align: center;
      align-items: center;
      line-height: 69px;
    }

    .header .nav .btn button {
      flex: 1;
      height: 32px;
      background-color: #0075c2;
      border: 1px solid #fff;
      border-radius: 5px;
      box-sizing: border-box;
    }

    .header .nav .btn button:hover {
      cursor: pointer;
      background-color: #00609e;
    }

    .header .title {
      width: 620px;
      height: 136px;
      background-color: yellow;
      position: absolute;
      left: 228px;
      top: 259px;
    }

    .header .title div {
      background-color: pink;
      font-size: 46px;
      height: 68px;
      box-sizing: border-box;
    }

    .title {
      margin-top: 69px;
      height: 70px;
      background-color: #eeeeee;
    }

    .title .title_text {
      width: 1200px;
      height: 70px;
      margin: 0 auto;
      display: flex;
    }

    .title .title_text .title_text1 {
      font-size: 16px;
      width: 600px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #282828;
      line-height: 70px;
    }

    .title .title_text .title_text2 {
      width: 600px;
      display: flex;
      justify-content: flex-end;
    }

    .title .title_text .title_text2 #xitong {
      border-bottom: 3px solid #0075c2;
    }

    .title .title_text .title_text2 div {
      font-size: 20px;
      font-family: Source Han Sans CN;
      font-weight: bold;
      color: #0075c2;
      line-height: 70px;
      margin: 0 40px;
    }

    .title .title_text .title_text2 div:hover {
      border-bottom: 3px solid #0075c2;
    }

    .imgtext {
      height: 700px;
    }

    .imgtext .imgtext1 {
      position: relative;
      width: 1200px;
      height: 700px;
      margin: 0 auto;
      display: flex;
    }

    .imgtext .imgtext1 .imgtextImg {
      width: 648px;
      height: 618px;
    }

    .imgtext .imgtext1 .imgtextImg img {
      width: 648px;
      height: 618px;
    }

    .imgtext .imgtext1 .textjianjie {
      position: absolute;
      left: 650px;
      height: 700px;
      width: 100%;
      margin-left: 20px;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
    }

    .imgtext .imgtext1 .textjianjie .gy {
      width: 195px;
      height: 30px;
      font-size: 30px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #282828;
      line-height: 30px;
    }

    .imgtext .imgtext1 .textjianjie .imgjdy {
      width: 302px;
      height: 40px;
    }

    .imgtext .imgtext1 .textjianjie .imgjdy img {
      width: 302px;
      height: 40px;
    }

    .imgtext .imgtext1 .textjianjie .jdyjianjie {
      position: relative;
      left: -200px;
      width: 108%;
      height: 464px;
      padding-left: 205px;
      padding-top: 10px;
      padding-bottom: 10px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: #eeeeee;
      z-index: -1;
      border-radius: 4px;
    }

    .imgtext .imgtext1 .textjianjie .jdyjianjie div {
      text-indent: 2em;
      width: 506px;
      font-size: 16px;
      font-family: Source Han Sans CN;
      font-weight: 300;
      color: #666666;
      margin: 15px 0;
    }

    .jdyjzg {
      margin-top: 110px;
      height: 38px;
    }

    .jdyjzg .jdyjzg1 {
      margin-top: 66px;
      width: 237px;
      height: 38px;
      margin: 0 auto;
      font-size: 38px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #282828;
      line-height: 38px;
      text-align: center;
      font-size: 38px;
      text-align: center;
      font-family: Source Han Sans CN-Bold, Source Han Sans CN;
      font-weight: 500;
      color: #333333;
    }

    .jdyjzgimg {
      margin-top: 56px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      overflow: hidden;
      width: 1221px;
    }

    .jdyjzgimg .jdyjzg2 {
      width: 1200px;
      height: 302px;
      margin: 0 auto;
    }

    .jdyjzgimg .jdyjzg2 img {
      width: 1200px;
      height: 302px;
    }

    .youshi {
      height: 906px;
      /* margin-top: 98px; */
      display: flex;
      flex-direction: column;
      align-items: center;
      overflow: hidden;
      /* background-image: url("http://image.cloudkinto.com/webhome/bgcys.png"); */
      background-repeat: no-repeat;
      background-size: cover;
    }

    .youshi .youshitop {
      width: 196px;
      height: 37px;
      margin: 82px auto;
      font-size: 30px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #ffffff;
      line-height: 37px;
      text-align: center;
      font-size: 34px;
      text-align: center;
      font-family: Source Han Sans CN-Bold, Source Han Sans CN;
      font-weight: bold;
      color: #333333;
    }

    .youshi .youshitopmid {
      width: 1200px;
      height: 600px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
    }

    .youshi .youshitopmid .all {
      width: 590px;
      height: 180px;
      border: 1px solid #dcdcdc;
      opacity: 0.8;
      border-radius: 4px;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
    }

    .youshi .youshitopmid .all .one {
      margin-left: 20px;
      overflow: hidden;
      height: 24px;
      font-size: 24px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #ffffff;
      line-height: 24px;
    }

    .youshi .youshitopmid .all .two {
      margin-left: 20px;
      overflow: hidden;
      width: 524px;
      height: 92px;
      font-size: 16px;
      font-family: Source Han Sans CN;
      font-weight: 300;
      color: #ffffff;
    }

    .youshi .youshitopmid .all:hover {
      background-color: #0076c2;
    }

    .fazhan {
      height: 960px;
    }

    .fazhan .fazhan1 {
      height: 480px;
      width: 1200px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .fazhan .fazhan1 .fazhan1one {
      height: 39px;
      width: 158px;
      font-size: 38px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #282828;
      line-height: 39px;
      text-align: center;
    }

    .fazhan .fazhan1 .fazhan1two {
      height: 178px;
      width: 800px;
      margin-top: 30px;
    }

    /*.fazhan .fazhan1 .fazhan1two .el-carousel-item1 {
          background-image: url("../http://image.cloudkinto.com/webhome/fz1.png");
          background-repeat: no-repeat;
          background-size: 500px 120px;
          background-position-x: center;
          background-position-y: center;
        }

        .fazhan .fazhan1 .fazhan1two .el-carousel-item2 {
          background-image: url("../http://image.cloudkinto.com/webhome/fz2.png");
          background-repeat: no-repeat;
          background-size: 500px 200px;
          background-position-x: center;
          background-position-y: center;
        }

        .fazhan .fazhan1 .fazhan1two .el-carousel-item3 {
          background-image: url("../http://image.cloudkinto.com/webhome/fz3.png");
          background-repeat: no-repeat;
          background-size: 500px 138px;
          background-position-x: center;
          background-position-y: center;
        }*/

    .fazhan .fazhan1 .fazhan1two /deep/ .el-carousel__arrow {
      background-color: white;
      color: #00609e;
      font-size: 30px;
    }

    .fazhan .fazhan1 .fazhan1two /deep/ .el-carousel__indicators--outside {
      margin-top: 50px;
    }

    .fazhan .fazhan1 .fazhan1two /deep/ .el-carousel__button {
      height: 3px;
    }

    .fazhan .fazhan1 .fazhan1two /deep/ .el-carousel__indicators--outside button {
      background-color: blue;
    }

    .fazhan .fazhan1 .fazhan1two /deep/ .el-carousel__indicators--outside .el-carousel__indicator:hover button {
      opacity: 1;
    }

    .cangchu {
      margin-top: 30px;
      height: 700px;
    }

    .cangchu .cangchu1 {
      width: 1200px;
      height: 700px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
    }

    .cangchu .cangchu1 .cangchu1top {
      width: 155px;
      height: 38px;
      text-align: center;
      font-size: 30px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #282828;
      line-height: 38px;
    }

    .cangchu .cangchu1 .cangchu1mid {
      width: 1200px;
      height: 600px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      align-items: center;
    }

    .cangchu .cangchu1 .cangchu1mid .cangchu1mid1 {
      width: 380px;
      height: 280px;
    }

    .cangchu .cangchu1 .cangchu1mid .cangchu1mid1 .cangchu1mid1img {
      width: 377px;
      height: 240px;
    }

    .cangchu .cangchu1 .cangchu1mid .cangchu1mid1 .cangchu1mid1img img {
      width: 377px;
      height: 240px;
    }

    .cangchu .cangchu1 .cangchu1mid .cangchu1mid1 .cangchu1mid1text {
      width: 200px;
      height: 30px;
      text-align: center;
      margin: 0 auto;
      margin-top: 5px;
      overflow: hidden;
      font-size: 20px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #343434;
      line-height: 30px;
    }

    .footer {
      margin-top: 110px;
    }

    .footer .footer_content {
      width: 1200px;
      height: 262px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
    }

    .footer .footer_content div {
      flex: 1;
    }

    .footer .footer_content .footer1 {
      border-bottom: 1px solid #ccc;
      flex: 1;
      display: flex;
      text-align: left;
      line-height: 131px;
      font-size: 22px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #ffffff;
    }

    .footer .footer_content .footer1 .footer2 {
      display: flex;
    }

    .footer .footer_content .footer1 .footer2 div {
      flex: 1;
      display: flex;
      align-items: center;
      height: 131px;
    }

    .footer .footer_content .footer1 .footer2 div img {
      width: 40px;
      height: 40px;
    }

    .footer .footer_content .footer1 .footer2 div .fistimg {
      width: 55px;
      height: 55px;
    }

    .footer .footer_content .footer1 .footer2 div .text {
      text-align: left;
      font-family: Source Han Sans CN;
      font-weight: 300;
      color: #ffffff;
      line-height: 30px;
    }

    .footer .footer_content .footer3 {
      width: 60%;
      height: 69px;
      margin: 0 auto;
      background-color: #0276c2;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .footer .footer_content .footer3 .footer2_content {
      width: 627px;
      margin: 46px auto;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .footer .footer_content .footer3 .footer2_content div {
      height: 19px;
      border-right: 1px solid #ffffff;
      font-size: 16px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #fffefe;
      line-height: 19px;
      text-align: center;
    }

    .footer .footer_content .footer3 .footer2_content div:last-child {
      border-right: none;
    }

    .footer .footer_content .footer4 {
      text-align: center;
      font-size: 16px;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #ffffff;
    }

    .fixedRight {
      width: 60px;
      background-color: #0075c2;
      height: 60px;
      position: fixed;
      bottom: 100px;
      right: 0;
      z-index: 15;
      border-radius: 4px;
    }

    .fixed-right-link {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .fixed-right-title {
      font-size: 12px;
      color: #ffffff;
    }

    .phones {
      /* margin-left: 315px; */
      margin-left: 46px;
      margin-right: 14px;
    }

    .jdyjzgItems {
      margin-bottom: 50px;
      height: 101px;
      display: flex;
      align-items: center;
      overflow: hidden;
    }

    .consDate {
      margin-right: 20px;
      background: #E9E9E9;
      border-radius: 10px 10px 10px 10px;
      height: 101px;
      width: 101px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .consDate h5 {
      margin-bottom: 10px;
      font-size: 31px;
      font-family: Source Han Sans CN-Regular, Source Han Sans CN;
      font-weight: 400;
      color: #999999;
    }

    .consDate p {

      font-size: 18px;
      font-family: Source Han Sans CN-Regular, Source Han Sans CN;
      font-weight: 400;
      color: #999999;
    }

    .consContainer .constitle {
      width: 425px;
      font-size: 20px;
      font-family: Source Han Sans CN-Medium, Source Han Sans CN;
      font-weight: 500;
      color: #333333;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      -o-text-overflow: ellipsis;

    }

    .consContainer .constxt {
      /* position: relative; */
      margin-top: 10px;
      width: 425px;
      height: 70px;
      font-size: 16px;
      font-family: Source Han Sans CN-Regular, Source Han Sans CN;
      font-weight: 400;
      color: #666666;
      overflow: hidden;
      text-overflow: ellipsis;
      /* line-height: 31px; */
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;

    }
    .constxt{
      position: relative;
    }
    /* .constxt::after{
      content: "";
      width: 1px;
      height: 70px;
      background: #e5e5e5;
      position: absolute;
      top: 0;
      right: 0;
    } */
    
    .hovers{
      background: #0275c2!important;
      color: #fff!important;
    }
  </style>
</head>
<script>
  var _hmt = _hmt || [];
  (function () {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?812243a8b68fafa5874136ec3cbbf627";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
  })();
</script>

<body>
  <div class="Introduction">
    <div class="header1" :style="style">
      <div class="headerone">
        <div class="headerone1">
          <img id="newlogo" src="https://image.cloudkinto.com/webhome/logo.png" width="151px" height="33px" alt />
        </div>
        <div class="headerone2">
          <div class="lastdiv">
            <a href="index.html">首页</a>
          </div>
          <div>
            <a href="TariffProcess.html">资费流程</a>
          </div>
          <div>
            <a href="/news" style="color: #00609e;">案例资讯</a>
          </div>
          <div>
            <a href="Introduction.html">公司简介</a>
          </div>
          <div>
            <a href="ContactUs.html">联系我们</a>
          </div>
        </div>
        <div class="headerone3">
          <div>
            <a class="a" href="https://www.cloudkinto.com/kinto/login">登录</a>
          </div>
          <div>
            <a class="a" href="https://www.cloudkinto.com/kinto/register">注册</a>
          </div>
        </div>
        <div style="display: flex;flex-direction: column;justify-content: center;">
          <a href="javascript:;" style="display: flex;align-items: center;color: #000000;text-decoration: none;"
            onclick="copy()">
            <p class="phones"><img src="https://image.cloudkinto.com/webhome/phone.png" alt=""></p>
            <strong id="text" style="font-size: 18px;">18020248621</strong>
          </a>
        </div>
      </div>
    </div>
    <div class="titlex">
      <div><img src="https://image.cloudkinto.com/webhome/newsbgc.png" alt="" /></div>
    </div>
    <div class="fixedRight">
      <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1438610986&site=qq&menu=yes" class="fixed-right-link">
        <div>
          <img style="width: 24px; margin-top: 9px" src="http://image.cloudkinto.com/webhome/qqmessage.png"
            alt="点击这里给我发消息" title="点击这里给我发消息" />
        </div>
        <div class="fixed-right-title">在线QQ</div>
      </a>
    </div>
    <div class="imgtextx">新闻资讯</div>
    <div class="imgtxt2">
      <!-- 获取更多 -->
      <div class="more"><a th:href="@{'/news/showNewsInformation/1/5'}">查看更多</a></div>
      <!-- 内容 -->
      <div class="morecontent">
        <a class="moreleft" th:each="list,mapStat:${left}" th:href="@{'/news/showNewsInformationDetail/'+${list.id}}">
          <div class="morelefttop"><img height="100%" width="100%" style="border-radius: 20px 20px 0 0;"
              src="https://image.cloudkinto.com/webhome/newtitle.png" alt="" /></div>
          <div class="moreleftbottom">
            <p class="morefont" th:text="${list.title}">筋斗云物流管理系统2.6版本正式上线</p>
            <p class="morefont2" th:text="${list.content}">今天筋斗云在库管理系统2.6正式上线了！在本次版本中，我们将顾客的意见
              与反馈全部收集到，进行了评估和为期6个月的开发与改进。在FBA头程...</p>
            <p class="morefont3" th:text="${#dates.format(list.createTime, 'yyyy-MM-dd')}">2020.09.15</p>
            </div>
          </a>
          <a class="moreright">
            <div class="morerightcontent" th:each="list,mapStat:${right}"  th:href="@{'/news/showNewsInformationDetail/'+${list.id}}">
              <p class="right1" th:text="${list.title}"></p>
              <p class="right2" th:text="${list.content}"></p>
              <p class="right3"th:text="${#dates.format(list.createTime, 'yyyy-MM-dd')}"></p>
            </div>
          </a>
        </div>
      </div>
      <div class="jdyjzg">
        <div class="jdyjzg1">客户案例</div>
      </div>
      <div style="width: 100%; display: flex; justify-content: center;">
           <div class="jdyjzgimg">
            <div class="jdyjzgItems" th:each="list,mapStat:${dataMap}">
                <div class="consDate">
                     <h5 th:text="${list.day}"></h5>
                     <p th:text="${list.year}"></p>
                </div>
                <div class="consContainer">
                  <p class="constitle" th:text="${list.title}"></p>
                  <p class="constxt" th:text="${list.content}"></p>
                </div>
            </div>
           </div>
      </div>

      <div class="footer">
        <div class="bottom bottomsssa">
          <a href="javascript;" style="padding-right: 79px">©2018-2022 筋斗云物流（苏州）有限公司</a>
          <a href="https://beian.miit.gov.cn/#/Integrated/index">苏ICP备2020048360号</a>
          <a href="javascript;" style="padding-right: 46px">网络违法犯罪举报</a>
          <a href="javascript;">关于我们&nbsp;&nbsp; &nbsp; 联系我们&nbsp; &nbsp; &nbsp; 网站地图 &nbsp; &nbsp; &nbsp; 法律声明</a>
        </div>
      </div>
    </div>
  </body>
  <script src="./js/jquery.min.js"></script>
  <script src="./js/swiper.min.js"></script>

  <script>
    function copy() {
    const range = document.createRange();
    range.selectNode(document.getElementById('text'));
    const selection = window.getSelection();
    if (selection.rangeCount > 0) selection.removeAllRanges();
    selection.addRange(range);
    document.execCommand('copy');
    alert("号码复制成功！");
    selection.removeAllRanges()
  }


  $(".jdyjzgItems").hover(function(){
    // console.log($(this).find("div.consDate"))
    $(this).find("div.consDate").addClass("hovers")
    $(this).find("div.consDate").children().css("color","#fff")
  },function(){

    $(this).find("div.consDate").removeClass("hovers")
    $(this).find("div.consDate").children().css("color","#999999")
  })
    var swiper = new Swiper(".mySwiper", {
      autoplay: 3000,
      slidesPerView: 3,
      spaceBetween: 35,
      slidesPerGroup: 3,
      loop: true,
      loopFillGroupWithBlank: true,
      // pagination: {
      //   el: ".swiper-pagination",
      //   clickable: true,
      // },
      //   slidesPerView: 3,
      //   spaceBetween: 30,
      //   slidesPerGrounp:3,
      //   autoplay: 3000,
      //   loopFillGroupWithBlank:true,
      // //   loopAdditionalSlides: 5,

      //   loop: true,
      pagination: ".swiper-pagination",
      paginationClickable: true
    });
    var swiper = new Swiper(".mySwipers", {
      autoplay: 3000,
      slidesPerView: 3,
      //   spaceBetween: 30,
      slidesPerGroup: 3,
      loop: true,
      loopFillGroupWithBlank: true,
      // pagination: {
      //   el: ".swiper-pagination",
      //   clickable: true,
      // },
      //   slidesPerView: 3,
      //   spaceBetween: 30,
      //   slidesPerGrounp:3,
      //   autoplay: 3000,
      //   loopFillGroupWithBlank:true,
      // //   loopAdditionalSlides: 5,

      //   loop: true,
      pagination: ".swiper-paginations",
      paginationClickable: true
    });
    $("#newlogo").click(function(){
      window.location.href="https://www.cloudkinto.com/index.html"
   })
  </script>
</html>